﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    <meta name="viewport" content="width=device-width">
    <title>搞起 - 想干点什么，马上动手吧</title>
    <link rel="stylesheet/less" href="../style/bootstrap.less">
    <script src="../js/lib/less.js" type="text/javascript"></script>
    <script src="../js/lib/sea.js" data-main="../js/init-index"></script>
</head>
<body>
    <div class="topbar">
        <div class="fill">
            <div class="container">
                <h1>
                    搞起</h1>
                <ul class="nav">
                    <li class="active"><a href="#">首页</a></li>
                    <li><a href="#about">发现</a></li>
                </ul>
                <ul class="nav-remind">
                    <li><a class="txt-remind">活动邀请<span id="invite-count" class="count">9</span></a>
                    </li>
                    <li><a class="txt-remind">通知<span id="remind-count" class="count">8</span></a> </li>
                    <li><a class="txt-remind">退出</a> </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="container">
        <!-- Main hero unit for a primary marketing message or call to action -->
        <div class="tips tips-userinfo">
            <div class="userinfo">
                <div class="user-head">
                    <img class="user-icon" src="../style/image/2.jpg" alt="">
                    <div class="user-card">
                        <p class="txt-user-name">
                            JoshuaGuan
                        </p>
                        <div class="user-atten">
                            <ul>
                                <li class="li-left">
                                    <div class="num">
                                        137</div>
                                    搞起</li>
                                <li>
                                    <div class="num">
                                        37</div>
                                    参加</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="user-signature">
                    <p class="txt-user-signature">
                        胶片控，黑白控，35mm控，24mm控
                    </p>
                </div>
            </div>
        </div>
        <div class="content">
            <h3>
                想干点什么, 马上动手吧!</h3>
            <textarea name="" class="txt-content"></textarea>
            <a class="btn success large">马上搞起 &raquo;</a>
            <div class="active-time">
                <input type="text" id="startDate" value="2011-9-02" />
                <input type="text" id="startTime" value="18:30" />
            </div>
            <div class="choose-friend">
                <span>邀请好友</span>
                <div id="icon-sina-service">
                </div>
            </div>
            <div class="invitation">
                <div class="avatar_grid">
                    <img title="陈陈" src="../style/image/0.jpg" class="img-participants"></a></div>
                <div class="avatar_grid">
                    <img title="王昊" src="../style/image/1.jpg" class="img-participants"></a></div>
                <div class="avatar_grid">
                    <img title="徐立" src="../style/image/3.jpg" class="img-participants  unrecognized"></a></div>
            </div>
        </div>
        <div class="box">
            <div class="tabs" style="">
                <ul>
                    <li id="tab-own" class="current"><a>
                        <img src="../style/image/clean_018.gif" class="img-tab" />我搞起的活动</a></li>
                    <li id="tab-join"><a>
                        <img src="../style/image/clean_019.gif" class="img-tab" />我参与的活动</a></li>
                </ul>
            </div>
            <div class="main">
                <div class="activity-list" id="activityList">
                    <div class="activity activity-text" data-comment="1">
                        <div class="activity-avatar">
                            <img src="../style/image/2.jpg" title="加菲" class="img-avatar" />
                        </div>
                        <div class="activity-content-holder pop">
                            <div class="activity-status">
                                <img src="../style/image/emotion_sad.gif" class="img-status" title="不搞了" />
                                <img src="../style/image/locked.gif" class="img-status" title="不公开的" />
                            </div>
                            <div class="pop-triangle">
                            </div>
                            <div class="pop-content clearfix">
                                <div class="activity-hd">
                                    <div class="activity-act-time">
                                        <span class="act-time">2010-9-5 星期6 18:30 大约三天后 </a> </span>
                                    </div>
                                </div>
                                <div class="activity-bd">
                                    <a class="activity-title">卖淫与艺术—艺术这碗饭要怎么吃</a>
                                </div>
                                <div class="activity-participants">
                                    <div class="avatar_grid">
                                        <img title="陈陈" src="../style/image/0.jpg" class="img-participants"></div>
                                    <div class="avatar_grid">
                                        <img title="王昊" src="../style/image/1.jpg" class="img-participants"></div>
                                    <div class="avatar_grid">
                                        <img title="徐立" src="../style/image/3.jpg" class="img-participants  unrecognized"></div>
                                </div>
                                <div class="activity-act">
                                    <a class="activity-confirmed-count">4人确认参加&nbsp;</a> <a class="activity-unconfirmed-count">
                                        3人等待确认&nbsp;</a> <a class="activity-comment-count">
                                            <img src="../style/image/icons_comment.png" class="img-comment">8条留言&nbsp;</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        @2011 - <a class="footer-alink" href="http://gaoqifm.diandian.com" target="_blank">搞起博客</a>
        - <a class="footer-alink" href="http://www.weibo.com/gaoqifm" target="_blank">新浪微博</a>
        - <a class="footer-alink" href="mailto:bob.yuxinyang@gmail.com">联系我们</a>
    </div>
</body>
</html>
